<template>
	<view class="about-us">
		<view class="about-header">
		      <image class="header_bg" src="@/static/shop/header.jpg" />
		      <image class="head_log" src="@/static/shop/about_logo.png" />
		      <view class="head_title"><span>科技养生</span><span>氢松生活</span></view>
		</view>
		<view class="about-content">
		      <ul>
		        <li class="border_b">
		          <span class="c999">运营商</span
		          ><span class="c333">福建智恒氢启健康科技有限公司</span>
		        </li>
		        <li>
		          <span class="c999">公司地址</span
		          ><span class="c333">福建省福州市高新区智恒科技路66号</span>
		        </li>
		      </ul>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onShow() {
			
		}
	}
</script>

<style>
    .about-us {
      position: relative;
    }
    .about-header {
      position: relative;
      display: flex;
      justify-content: center;
      height: 180px;
    }
    .header_bg {
      position: absolute;
      width: 100%;
      height: 180px;
    }
    .head_log {
      position: absolute;
      width: 90px;
      height: 90px;
      top: 18px;
      background-color:#fff;
      border:solid 1px #fff;
      border-radius: 10%;
      padding:8px;
    }
    .head_title {
      position: absolute;
      width: 50%;
      display: flex;
      justify-content: space-between;
      top: 135px;
      color: #fff;
      font-size: 5vw;
      font-weight: bold;
    }
    .about-content {
      font-size: 15px;
      position: relative;
      margin-top: 10px;
    }
    
    .about-content ul li {
      display: flex;
      justify-content: space-between;
      margin: 4px 14px;
      line-height: 36px;
    }
    .border_b {
      border-bottom: 1px solid #f1f1f1;
    }
    
    .c999 {
      color: #999999;
    }
    .c333 {
      color: #333333;
    }
</style>
